<template>
  <div class="cs-image"
       :style="{backgroundImage:`url(${src})`,backgroundSize:'contain',backgroundRepeat:'no-repeat',backgroundPosition:'center center'}" @click="$emit('click')">
  </div>
</template>

<script>
export default {
  name: "CsImage",
  props: {
    src: {
      type: [Object, String]
    }
  }
}
</script>

<style lang="scss" scoped>
.cs-image {
  width: 100%;
  height: 100%;
  background-color: #F3F3F3;
}
</style>
